<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>视频详情</title>
		<link rel="stylesheet" type="text/css" href="../css/basic.css">
		<link rel="stylesheet" type="text/css" href="../css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/video.css">
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css">
	</head>
	<body>
		<div class="index-content">
			<!-- 头部 -->
			<header>
				<div class="header-content width1300 clearfix">
					<div class="logo fl clearfix">
						<img src="../img/logo.png" class="fl" />
						<p class="fl">中成商务房车</p>
					</div>
					<div class="search fl">
						<input type="text" placeholder="请输入想要搜索的内容" class="fl" />
						<i class="iconfont icon-sousuo1 fr"></i>
					</div>
					<div class="telphone fr">
						<img src="../img/tel.png" />
						<div class="num">热线电话<b>400-079-6969</b></div>
					</div>
				</div>
				<div class="nav clearfix width1300">
					<div class="nav-list fl">首页</div>
					<div class="nav-list fl">选车中心</div>
					<div class="nav-list fl">推荐车系</div>
					<div class="nav-list fl">优惠资讯</div>
					<div class="nav-list fl">视频中心</div>
					<div class="nav-list fl">关于我们</div>
				</div>
			</header>

			<div class="detail width1300">
				<div class="back"><img style="width:20px;height:20px" src="../img/jiantou2.png"/>&nbsp;返回上级</div>
				<div class="content">
					<div class="title">"谁说城市SUV不能越野？真有这么强？"</div>
					<div class="con clearfix">
						<div class="con-left fl">
							<img class="video" src="../img/index_banner.png" alt="">
							<div class="label">
								标签：#高级私人定制
								<span class="label-icon fr">
									<span><img src="../img/zan.png" alt="">1888</span>
									<span><img src="../img/bofangliang_1.png" alt="">1888</span>
									<span>2020.10.20</span>
								</span>
							</div>
							<p class="txt">简介：智能科技让犯罪无处遁形，远程监测让焦虑消失无影，张张嘴随时“调戏”司机，动动手缓和情侣关系。本期
								大爷说车，让你知道地球人都爱四驱。</p>
						</div>
						<div class="con-right fr">
							<div class="moreVideo"><span class="moreVideoBox"></span>更多视频推荐</div>
							<div class="scroll">
								<ul>
									<li>
										<div class="car-img fl">
											<img class="car-play" src="../img/brand.png" alt="">
										</div>
										<div class="car-txt">
											<p class="over-hides">SUV该怎么看 试驾捷途X70试驾捷途X70 PLUSHshjhaj</p>
											<div class="num">
												<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
												<span>130</span>
												<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
												<span>0</span>
											</div>
										</div>
									</li>
									<li>
										<div class="car-img fl">
											<img class="car-play" src="../img/brand.png" alt="">
										</div>
										<div class="car-txt">
											<p class="over-hides">SUV该怎么看 试驾捷途X70试驾捷途X70 PLUSHshjhaj</p>
											<div class="num">
												<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
												<span>130</span>
												<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
												<span>0</span>
											</div>
										</div>
									</li>
									<li>
										<div class="car-img fl">
											<img class="car-play" src="../img/brand.png" alt="">
										</div>
										<div class="car-txt">
											<p class="over-hides">SUV该怎么看 试驾捷途X70试驾捷途X70 PLUSHshjhaj</p>
											<div class="num">
												<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
												<span>130</span>
												<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
												<span>0</span>
											</div>
										</div>
									</li>
									<li>
										<div class="car-img fl">
											<img class="car-play" src="../img/brand.png" alt="">
										</div>
										<div class="car-txt">
											<p class="over-hides">SUV该怎么看 试驾捷途X70试驾捷途X70 PLUSHshjhaj</p>
											<div class="num">
												<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
												<span>130</span>
												<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
												<span>0</span>
											</div>
										</div>
									</li>
									<li>
										<div class="car-img fl">
											<img class="car-play" src="../img/brand.png" alt="">
										</div>
										<div class="car-txt">
											<p class="over-hides">SUV该怎么看 试驾捷途X70试驾捷途X70 PLUSHshjhaj</p>
											<div class="num">
												<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
												<span>130</span>
												<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
												<span>0</span>
											</div>
										</div>
									</li>
									<li>
										<div class="car-img fl">
											<img class="car-play" src="../img/brand.png" alt="">
										</div>
										<div class="car-txt">
											<p class="over-hides">SUV该怎么看 试驾捷途X70试驾捷途X70 PLUSHshjhaj</p>
											<div class="num">
												<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
												<span>130</span>
												<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
												<span>0</span>
											</div>
										</div>
									</li>
									<li>
										<div class="car-img fl">
											<img class="car-play" src="../img/brand.png" alt="">
										</div>
										<div class="car-txt">
											<p class="over-hides">SUV该怎么看 试驾捷途X70试驾捷途X70 PLUSHshjhaj</p>
											<div class="num">
												<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
												<span>130</span>
												<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
												<span>0</span>
											</div>
										</div>
									</li>
									<li>
										<div class="car-img fl">
											<img class="car-play" src="../img/brand.png" alt="">
										</div>
										<div class="car-txt">
											<p class="over-hides">SUV该怎么看 试驾捷途X70试驾捷途X70 PLUSHshjhaj</p>
											<div class="num">
												<span><img class="icon-img" src="../img/bofangliang_1.png" alt=""></span>
												<span>130</span>
												<span><img class="icon-img" src="../img/pinglunliang.png" alt=""></span>
												<span>0</span>
											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>

				<div class="lists clearfix">
					<div class="video-list fl">
						<div class="moreVideo"><span class="moreVideoBox"></span>热门视频</div>
						<ul>
							<li>
								<div class="car-img fl">
									<img class="car-play" src="../img/brand.png" alt="">
								</div>
								<div class="car-txt">
									<p class="over-hide">SUV该怎么看 试驾捷途X70试驾捷途X70 PLUSHshjhaj试驾捷途X70PLUSHshjhaj试驾捷途X70PLUSHshjhaj试驾捷途X70PLUSHshjhaj试驾捷途X70PLUSHshjhaj试驾捷途X70hahhaha PLUSHshjhaj</p>
									<div class="num">
										<span><img class="icon-img" src="../img/bofangliang_1.png" alt="">130</span>
										<span><img class="icon-img" src="../img/zan.png" alt="">0</span>
										<span class="fr">2020.10.20</span>
									</div>
								</div>
							</li>
							<li>
								<div class="car-img fl">
									<img class="car-play" src="../img/brand.png" alt="">
								</div>
								<div class="car-txt">
									<p class="over-hide">SUV该怎么看 试驾捷途X70试驾捷途X70 PLUSHshjhaj试驾捷途X70 PLUSHshjhaj</p>
									<div class="num">
										<span><img class="icon-img" src="../img/bofangliang_1.png" alt="">130</span>
										<span><img class="icon-img" src="../img/zan.png" alt="">0</span>
										<span class="fr">2020.10.20</span>
									</div>
								</div>
							</li>
							<li>
								<div class="car-img fl">
									<img class="car-play" src="../img/brand.png" alt="">
								</div>
								<div class="car-txt">
									<p class="over-hide">SUV该怎么看 试驾捷途X70Hshjhaj</p>
									<div class="num">
										<span><img class="icon-img" src="../img/bofangliang_1.png" alt="">130</span>
										<span><img class="icon-img" src="../img/zan.png" alt="">0</span>
										<span class="fr">2020.10.20</span>
									</div>
								</div>
							</li>
							<li>
								<div class="car-img fl">
									<img class="car-play" src="../img/brand.png" alt="">
								</div>
								<div class="car-txt">
									<p class="over-hide">SUV该怎么看 试驾捷途X70Hshjhaj</p>
									<div class="num">
										<span><img class="icon-img" src="../img/bofangliang_1.png" alt="">130</span>
										<span><img class="icon-img" src="../img/zan.png" alt="">0</span>
										<span class="fr">2020.10.20</span>
									</div>
								</div>
							</li>
							<li>
								<div class="car-img fl">
									<img class="car-play" src="../img/brand.png" alt="">
								</div>
								<div class="car-txt">
									<p class="over-hide">SUV该怎么看 试驾捷途X70Hshjhaj</p>
									<div class="num">
										<span><img class="icon-img" src="../img/bofangliang_1.png" alt="">130</span>
										<span><img class="icon-img" src="../img/zan.png" alt="">0</span>
										<span class="fr">2020.10.20</span>
									</div>
								</div>
							</li>
							<li>
								<div class="car-img fl">
									<img class="car-play" src="../img/brand.png" alt="">
								</div>
								<div class="car-txt">
									<p class="over-hide">SUV该怎么看 试驾捷途X70Hshjhaj</p>
									<div class="num">
										<span><img class="icon-img" src="../img/bofangliang_1.png" alt="">130</span>
										<span><img class="icon-img" src="../img/zan.png" alt="">0</span>
										<span class="fr">2020.10.20</span>
									</div>
								</div>
							</li>
							<li>
								<div class="car-img fl">
									<img class="car-play" src="../img/brand.png" alt="">
								</div>
								<div class="car-txt">
									<p class="over-hide">SUV该怎么看 试驾捷途X70Hshjhaj</p>
									<div class="num">
										<span><img class="icon-img" src="../img/bofangliang_1.png" alt="">130</span>
										<span><img class="icon-img" src="../img/zan.png" alt="">0</span>
										<span class="fr">2020.10.20</span>
									</div>
								</div>
							</li>
							<li>
								<div class="car-img fl">
									<img class="car-play" src="../img/brand.png" alt="">
								</div>
								<div class="car-txt">
									<p class="over-hide">SUV该怎么看 试驾捷途X70Hshjhaj</p>
									<div class="num">
										<span><img class="icon-img" src="../img/bofangliang_1.png" alt="">130</span>
										<span><img class="icon-img" src="../img/zan.png" alt="">0</span>
										<span class="fr">2020.10.20</span>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<div class="video-map">
						<div class="map-con">
							<div class="map-title"><span class="moreVideoBox"></span>联系我们</div>
							<div id="map"></div>
							<div class="map-phone">
								<p class="phone-txt">客服服务热线</p>
								<p class="phone-num">400-079-6969</p>
							</div>
						</div>
					</div>
				</div>
			</div>




















			

			
			<!-- 悬浮按钮 -->
			<div class="goTop">
				<img src="../img/top.png" />
			</div>
			
			
			<!-- 底部 -->
			<footer class="">
				<div class="foot-classify clearfix width1300">
					<div class="foot-nav">
						<h4>车型总鉴</h4>
						<p>奢石版</p>
						<p>v级系列</p>
						<p>斯宾特系列</p>
						<p>大众T6</p>
						<p>GMC</p>
						<p>豪华加长</p>
					</div>
					<div class="foot-nav">
						<h4>品牌天地</h4>
						<p>品牌中心</p>
						<p>关于我们</p>
						<p>赛事风采</p>
					</div>
					<div class="foot-nav">
						<h4>高级私人定制系列</h4>
						<p>限量发售</p>
						<p>车主故事</p>
					</div>
					<div class="foot-nav">
						<h4>售后服务</h4>
						<p>车主服务</p>
						<p>常见问与答</p>
						<p>原厂配件</p>
						<p>选装配件及精品</p>
					</div>
					<div class="foot-nav">
						<h4>新闻资讯</h4>
						<p>企业动态</p>
						<p>行业热点</p>
					</div>
				</div>
				<div class="companyInfo">
					<div class="width1300">
						<div class="company_name"></div>
						<div class="company-info clearfix">
							<div class="fl">杭州中诚汽车销售服务有限公司&nbsp;&nbsp;|&nbsp;&nbsp;<i>华东高端商务房车展销中心</i></div>
							<div class="fr">
								<div class="telphone fr clearfix">
									<img src="../img/tel.png" />
									<div class="num">热线电话<b>400-079-6969</b></div>
								</div>
								<p class="address">地址：浙江省杭州市下城区绍兴路2号</p>
								<p class="police clearfix"><img src="../img/police.png">浙公网安备33010302003582号</p>
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../js/swiper.min.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=y29MbniOBi9QsjGP6OGhjTWDDAOszDvc"></script>

		<script type="text/javascript">
			//创建和初始化地图函数：
			function initMap(){
				createMap();//创建地图
				setMapEvent();//设置地图事件
				addMapControl();//向地图添加控件
				addMapOverlay();//向地图添加覆盖物
			}
			function createMap(){ 
				map = new BMap.Map("map"); 
				map.centerAndZoom(new BMap.Point(119.165573,29.606333),19);
			}
			function setMapEvent(){
				map.enableScrollWheelZoom();
				map.enableKeyboard();
				map.enableDragging();
				map.enableDoubleClickZoom()
			}
			function addClickHandler(target,window){
				target.addEventListener("click",function(){
					target.openInfoWindow(window);
				});
			}
			function addMapOverlay(){
				var markers = [
					{content:"广东睿龙汽车有限公司",title:"广东睿龙",imageOffset: {width:-46,height:-21},position:{lat:29.606333,lng:119.165573}}
				];
				for(var index = 0; index < markers.length; index++ ){
					var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
					var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
					imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
					})});
					var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
					var opts = {
					width: 200,
					title: markers[index].title,
					enableMessage: false
					};
					var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
					marker.setLabel(label);
					addClickHandler(marker,infoWindow);
					map.addOverlay(marker);
				};
			}
			//向地图添加控件
			function addMapControl(){
				var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
				scaleControl.setUnit(BMAP_UNIT_METRIC);
				map.addControl(scaleControl);
				var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
				map.addControl(navControl);
			}
			var map;
	      	initMap();
			  
		</script>
	</body>
</html>
